<template>
  <div class="boxlist">
    <!-- 图片 -->
    <div class="pic">
      <van-image
        width="100"
        height="100"
        :src="'http://liufusong.top:8080' + item.houseImg"
      />
    </div>
    <!-- 文字 -->
    <div class="text">
      <h3>{{ item.title }}</h3>
      <p>{{ item.desc }}</p>
      <van-tag
        plain
        type="primary"
        v-for="(tag, index) in item.tags"
        :key="index + 1000000000"
        >{{ tag }}</van-tag
      >
      <p class="red">
        <span>{{ item.price }}</span
        >元/月
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'xuanran-page',
  components: {},
  props: {
    item: {
      required: true,
      type: Object
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped lang="less">
.boxlist {
  padding: 15px 0px;
  display: flex;
  border-bottom: 1px solid #ccc;
  margin: 0px 15px;
  .text {
    margin-left: 10px;
    .van-tag--primary {
      margin-right: 10px;
      color: rgb(95, 218, 58);
    }
    p {
      margin: 5px 0px;
      span {
        font-size: 20px;
      }
    }
    .red {
      color: rgb(230, 27, 27);
    }
  }
}
</style>
